<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/subway.css" />
		<style type="text/css">
			#cu {
				width: 800px;
				height: 45px;
			}
			
			.one {
				height: 400px;
				width: 260px;
			}
			
			.one>img {
				height: 400px;
				width: 260px;
			}
			
			.one>figcaption {
				width: 260px;
				font-size: 5px;
			}
			
			.two {
				height: 400px;
				width: 260px;
				margin-left: 280px;
				margin-top: -400px;
			}
			
			.two>img {
				height: 400px;
				width: 260px;
			}
			
			.two>figcaption {
				width: 260px;
				font-size: 5px;
			}
			span{
				color: #2E8B57;
				font-size: 14px;
			}
			.three{
				margin-left: 565px;
				margin-top: -400px;
			}
			.three>img{
				width: 230px;
				height: 180px;
			}	
			.three>figcaption{
				font-size: 5px;
			}
			figcaption>a{
				color: #2E8B57;
			}
			#dow{
				margin-top: 100px;
				margin-left: 200px;
			}
			#b-top{
				margin: 0 auto;
				padding-left: 150px;
			}
		</style>
	</head>

	<body>

		<div id="overall">
			<header>
				<!--最上部文字-->
				<div id="language">
					<span class="span1">中国</span>
					<select id="Sele">
						<option selected="selected" value="">Select Language</option>
						<option value="EN">English</option>
						<option value="CN">Chinese</option>
					</select>
					<span class="span1">|</span>
					<a href="http://www.subway.com/en-us">进入全球官网</a>
				</div>
				<!--菜单栏-->
				<div id="logo">
					<img src="img/QQ20170408-0.jpg" />
					<div class=" vitta1"></div>
					<div class=" vitta2"></div>
					<ul class="theUl">
						<li>
							<a href="###">新闻动态</a>
						</li>
						<li>
							<a href="###" id="top">美食与营养</a>
						</li>
						<li>
							<a href="###">加盟流程</a>
						</li>
						<li>
							<a href="###">关于我们</a>
						</li>
						<li id="theli">
							<a href="###">快餐店位置查询</a>
						</li>
					</ul>
				</div>
				<!--全效果下拉菜单-->
				<ul id="drop_menu" class="drop-menu">
					<li>
						<a>超值 Value </a>
					</li>
					<li>
						<a>经典 Classics</a>
					</li>
					<li>
						<a>精选 Premium</a>
					</li>
					<li>
						<a>低脂 Low Fat</a>
					</li>
					<li>
						<a>百味卷 Warp</a>
					</li>
					<li>
						<a>沙拉 Salad</a>
					</li>
					<li>
						<a>聚餐服务 Catering</a>
					</li>
					<li>
						<a>饮料和小食 Drinks & Sides</a>
					</li>
					<li>
						<a>早餐 Breakfast</a>
					</li>
					<li>
						<a>营养 Nutrition</a>
					</li>
					<li>
						<a>如何点餐 How To Order</a>
					</li>
				</ul>
				<img src="img/促销活动.png" id="cu" />
			</header>
			<div id="left hand">
				<figure class="one">
					<img src="img/photo/促销活动_files/2016092920365197d270.jpg">
					<span>新品川香,限时品尝</span><br /><br />
					<figcaption>新品川香，限时尝鲜 该产品仅限2016年9月28日至2017年03月14日在SUBWAY®中国内地餐厅供应。 <br /><br /> 上述活动仅限堂吃及外带，不含外送，且不得与其他优惠同时使用。 产品以实物为准，图片仅供参考。 更多活动详情及优惠信息，请关注SUBWAY®官方微信及微博。<br /><br /> SUBWAY® 是Subway IP Inc.的注册商标。©2016 Subway IP Inc.版权所有</figcaption>
				</figure>
				<figure class="two">
					<img src="img/photo/促销活动_files/20160401172549d44944.jpg">
					<span>新品川香,限时品尝</span><br /><br />
					<figcaption>上述产品限于SUBWAY®赛百味中国内地餐厅供应。<br /> 餐厅提供与现有三明治口味种类相同的百味卷及沙拉。百味卷价格与同款正价三明治价格相同。沙拉价格为同款正价三明治价格+3元。不与其他优惠同享。产品以实物为准，图片仅供参考。 更多活动详情及优惠信息，请关注SUBWAY®官方微信及微博。
						<br /> SUBWAY® 赛百味可以在法律允许的范围内对活动进行适当调整。 <br /> SUBWAY® is a Registered Trademark of Subway IP Inc. ©2016 Subway IP Inc.</figcaption>
				</figure>
				<figure class="three">
					<img src="img/article3.jpg">
					<span>2013七星奖</span><br /><br />
					<figcaption>Subway®赛百味获得中国食品健康七星奖<br/><br /> 
					<a href="###">2013七星奖《第一财经日报》发榜特刊 1</a><br />
					<a href="###">2013七星奖《第一财经日报》发榜特刊 2</a><br />
					<a href="###">视频：五星美味 – 赛百味篇</a>
					</figcaption>
				</figure>
			</div>
		</div>
		<!--下侧图标-->
			<div id="dow">
				<div class="dowLeft">
					<a href="###"><img src="img/photo/首页_files/home-box-1_CN.jpg" /></a>
					<a href="###"><img src="img/photo/首页_files/home-box-2_CN.jpg" /></a>
					<a href="###"><img src="img/photo/首页_files/home-box-3_CN.jpg" /></a>
				</div>
				<!--右侧图片-->
				<div id="dowRight">
					<a href="###"><img src="img/photo/首页_files/weibo_CN.jpg" /></a>
					<a href="###"><img src="img/photo/首页_files/weixin_CN.jpg" id="weixin" /></a>
				</div>

				<img src="img/photo/首页_files/code.png" id="barcode2D" />

			</div>
			<!--尾部标签-->
			<p id="b-top">
				<a href="###">主页</a>丨
				<a href="###">菜单/营养</a> 丨
				<a href="###">如何加盟 </a> 丨
				<a href="###">关于我们</a> 丨
				<a href="###">快餐店位置查询</a>
				<br />
				<a href="###">联系我们</a> 丨
				<a href="###"> 使用条款</a> 丨
				<a href="###">隐私权政策</a> 丨
				<a href="###">SUBWAY Partners™</a>
			</p>
			<p id="b-bottom">
				SUBWAY® is a Registered Trademark of Subway IP Inc.
				<br /> ®2016 Subway IP Inc.
			</p>
			
			
					<script>
			var Top = document.getElementById("top");
			var dorp_menu = document.getElementById("drop_menu");
			//菜单子列表显现隐藏
			Top.onmouseover = function() {
				drop_menu.style.display = "block";
			}
			drop_menu.onmousemove = function() {
				drop_menu.style.display = "block";
			}
			drop_menu.onmouseout = function() {
				drop_menu.style.display = "none";
			}
		</script>
	
	</body>

</html>